<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Subway China | 赛百味中国</title>
		<link rel="stylesheet" type="text/css" href="../css/swiper.css" />
		<script src="../js/swiper.js"></script>
		<script src="../js/jquery-2.2.3.min.js">
		</script>
		<style type="text/css">
			.swiper-container {
				width: 606px;
				height: 360px;
				color: white;
				position: absolute;
				z-index: 1000;
				top: 0px;
				left: 0px;
			}
			
			* {
				padding: 0;
				margin: 0;
			}
			
			html,
			body {
				width: 100%;
				height: 100%;
			}
			
			#maxBig {
				max-width: 910px;
				min-width: 320px;
				margin: 0 auto;
			}
			
			header {
				height: 100px;
				width: 910px;
				margin: 0 auto;
				position: relative;
			}
			
			#conten {
				width: 910px;
				margin: 0 auto 10px auto;
			}
			
			#shenti {
				position: relative;
				margin: 0 auto;
				width: 910px;
			}
			
			#footOneTwo {
				display: inline;
				float: left;
				height: 100px;
				margin: 0 auto;
				width: 910px;
			}
			
			#foot {
				clear: both;
				margin: 0 auto;
				width: 910px;
				height: 44px;
				text-align: center;
			}
			
			#footLast {
				margin: 0 auto;
				width: 910px;
				text-align: center;
				font-size: 12px;
			}
			
			#headerOne {
				z-index: 1000;
				position: absolute;
				right: 0;
			}
			
			#theText {
				position: absolute;
				left: -500px;
			}
			
			#navUl li {
				float: left;
				list-style: none;
				width: 145px;
				text-align: center;
				border-left: 0.5px solid darkgreen;
			}
			
			.navLi a {
				text-decoration: none;
				color: white;
			}
			
			nav {
				position: relative;
			}
			
			#beijng {
				position: absolute;
				top: 1px;
				left: 180px;
			}
			
			#logo {
				width: 180px;
				height: 100px;
				display: inline-block;
				background: url(../img/首页_files/logo.jpg);
				position: absolute;
			}
			
			#navUl {
				position: absolute;
				left: 180px;
				top: 40px;
			}
			
			#theSpan {
				width: 146px;
				position: absolute;
				display: inline-block;
				background: rgb(32, 134, 43);
				height: 35px;
				border-radius: 0 10px 10px 0;
				top: -6px;
				right: 0;
				line-height: 35px;
			}
			
			#findLi a {
				text-decoration: none;
				color: yellow;
			}
			
			#navUlTwo {
				list-style: none;
				position: absolute;
				top: 69px;
				left: 326px;
				z-index: 9999999;
				width: 200px;
				font-size: 12px;
				background: #0ca251;
				text-shadow: 1px 1px 1px #000;
				border: 1px solid #d3d3d3;
				border-top: 3px solid #349a48;
				font-family: Arial Black, 'Microsoft YaHei', Gadget, sans-serif;
				display: none;
			}
			
			#navUlTwo a {
				text-decoration: none;
				color: white;
			}
			
			#navUlTwo li {
				width: 190px;
				text-align: left;
				padding-left: 10px;
				line-height: 36px;
				border-top: 1px solid #36a662;
				border-bottom: 1px solid #0b914a;
			}
			
			.navLi a:hover {
				color: yellow;
			}
			
			#findLi a:hover {
				color: white;
			}
			
			#partTwo {
				width: 290px;
				height: 355px;
				margin: 0 auto;
				overflow: hidden;
				position: relative;
				top: 0px;
				left: 310px;
			}
			
			#partThree {
				width: 606px;
				height: 360px;
				position: absolute;
				right: 0;
				z-index: 100;
			}
			
			#partThree1 {
				width: 290px;
				height: 360px;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 100;
			}
			
			#partFour {
				width: 606px;
				height: 360px;
				position: absolute;
				right: 0;
				z-index: 100;
			}
			
			#partFour1 {
				width: 290px;
				height: 360px;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 100;
			}
			
			#partFive {
				width: 606px;
				height: 360px;
				position: absolute;
				right: 0;
				z-index: 100;
			}
			
			#partFive1 {
				width: 290px;
				height: 360px;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 100;
			}
			
			.imgTwo {
				position: absolute;
				top: -156px;
			}
			
			.imgThree {
				position: absolute;
				left: -290px;
				top: 0;
			}
			
			.imgFour {
				position: absolute;
				left: -290px;
				top: 116px;
			}
			
			#footOne {
				margin-top: 10px;
				width: 606px;
				height: 95px;
				float: left;
			}
			
			#footOne a {
				display: inline-block;
				width: 195px;
				height: 95px;
				margin-right: 3px;
			}
			
			#footOne a:nth-child(1) {
				background: url(../img/首页_files/home-box-1_CN.jpg);
			}
			
			#footOne a:nth-child(2) {
				background: url(../img/首页_files/home-box-2_CN.jpg);
			}
			
			#footOne a:nth-child(3) {
				background: url(../img/首页_files/home-box-3_CN.jpg);
			}
			
			#footOne a:nth-child(1):hover {
				background: url(../img/首页_files/box1hover.jpg)
			}
			
			#footOne a:nth-child(2):hover {
				background: url(../img/首页_files/box2hover.jpg);
			}
			
			#footOne a:nth-child(3):hover {
				background: url(../img/首页_files/box3hover.jpg);
			}
			
			#footTwo {
				margin-top: 10px;
				width: 290px;
				height: 95px;
				float: right;
			}
			
			#footTwo a {
				display: inline-block;
				width: 135px;
				height: 95px;
				margin-right: 5px;
			}
			
			#footTwo img {
				position: absolute;
				top: -240px;
				right: 20px;
				z-index: 1010;
				display: none;
			}
			
			#footTwo a:nth-child(1) {
				background: url(../img/首页_files/weibo_CN.jpg);
			}
			
			#footTwo a:nth-child(2) {
				background: url(../img/首页_files/weixin_CN.jpg);
			}
			
			#footTwo a:nth-child(1):hover {
				background: url(../img/首页_files/weibohover.jpg)
			}
			
			#footTwo a:nth-child(2):hover {
				background: url(../img/首页_files/weixinhover.jpg)
			}
			
			#theLastFoot a {
				font-size: 13px;
			}
			
			.imgOne {
				opacity: 0;
			}
			
			#contenOne img {
				float: left;
			}
			
			#contenOne img:nth-child(2) {
				display: none;
			}
			
			#contenOne img:nth-child(3) {
				display: none;
			}
			
			#contenOne img:nth-child(4) {
				display: none;
			}
			
			#contenTwo img {
				float: right;
			}
			
			#contenPart3Img {
				float: left;
			}
			
			#contenPart3Ul {
				float: right;
			}
			
			.theGreen {
				color: greenyellow;
			}
			
			#contenPart3Ul a {
				text-decoration: none;
			}
			
			#contenPart3Ul span {
				color: gainsboro;
			}
			
			#contenPart3Ul li {
				width: 235px;
				/*height: 22px;*/
				padding-top: 9px;
				padding-bottom: 9px;
				list-style: none;
			}
			
			.contenPart3Li {
				border-bottom: 1px solid gainsboro;
			}
			
			.theGra {
				border-bottom: 1px solid gainsboro;
			}
			
			.contenPart3UlUl {
				display: block;
				display: none;
			}
			
			.contenPart3UlUl li a {
				font-size: 12px;
				color: #666666;
				font-weight: normal;
			}
		</style>
	</head>

	<body>
		<div id="maxBig">
			<header id="">
				<div id="headerOne">
					<span id="theText">
				中国
			</span>
					<select id="">
						<option selected="selected" value="">Select Language</option>
						<option value="EN">English</option>
						<option value="CN">Chinese</option>
					</select>
					<span>|</span>
					<a id="subwayLink" href="http://www.subway.com/nogeo">进入全球官网</a>
				</div>
				<nav>
					<a id="logo" class="logo" href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/1.html"></a>
					<img id="beijng" src="../img/首页_files/green.png" />
					<ul id="navUl">
						<li class="navLi">
							<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/6.html">新闻动态</a>
						</li>
						<li id="listFood" class="navLi">
							<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/3.html">美食与营养</a>
						</li>
						<li class="navLi">
							<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/4.html">加盟流程</a>
						</li>
						<li class="navLi">
							<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/5.html">关于我们</a>
						</li>
						<li id="findLi">
							<span id="theSpan">
							<a href="###">快餐店位置查询</a>
						</span>
						</li>
					</ul>
				</nav>
				<ul id="navUlTwo">
					<li>
						<a href="###">超值 Value</a>
					</li>
					<li>
						<a href="###">经典 Classics</a>
					</li>
					<li>
						<a href="###">精选 Premium</a>
					</li>
					<li>
						<a href="###">低脂 Low Fat</a>
					</li>
					<li>
						<a href="###">百味卷 Wrap</a>
					</li>
					<li>
						<a href="###">沙拉 Salad</a>
					</li>
					<li>
						<a href="###">聚餐服务 Catering</a>
					</li>
					<li>
						<a href="###">饮料和小食 Drinks & Sides</a>
					</li>
					<li>
						<a href="###">早餐 BREAKFAST</a>
					</li>
					<li>
						<a href="###">营养 Nutrition</a>
					</li>
					<li>
						<a href="###">如何点餐 How To Order</a>
					</li>
				</ul>
			</header>
			<div id="conten">
				<img id="contenPart3Img" src="../img/img 4/food.jpg" />
				<div>
					<ul id="contenPart3Ul">
						<li class="contenPart3Li">
							<a class="theGreen" href="###">超值 Value</a>
							<span>></span>
							<ul class="contenPart3UlUl">
								<li>
									<a href="###">意大利香辣 Spicy Italian</a>
								</li>
								<li>
									<a href="###">培根 B.L.T</a>
								</li>
								<li>
									<a href="###">火腿 Ham</a>
								</li>
								<li>
									<a href="###">新鲜蔬菜 Veggie Delite</a>
								</li>
							</ul>
						</li>
						<li class="contenPart3Li">
							<a class="theGreen" href="###">经典 Classics</a>
							<span>></span>
							<ul class="contenPart3UlUl">
								<li>
									<a href="###">意大利经典 Italian B.M.T.™</a>
								</li>
								<li>
									<a href="###">意大利香肠 Italian Sausage</a>
								</li>
								<li>
									<a href="###">香烤鸡排 Roasted Chicken</a>
								</li>
								<li>
									<a href="###">火鸡胸 Turkey Breast</a>
								</li>
								<li>
									<a href="###">日式照烧鸡 Chicken Teriyaki</a>
								</li>
							</ul>
						</li>
						<li class="contenPart3Li">
							<a class="theGreen" href="###">精选 Premium</a>
							<span>></span>
							<ul class="contenPart3UlUl">
								<li>
									<a href="###">金枪鱼 Tuna</a>
								</li>
								<li>
									<a href="###">香热奇士 Subway Melt</a>
								</li>
								<li>
									<a href="###">香烤牛肉 Roast Beef</a>
								</li>
								<li>
									<a href="###">奇士牛排 Steak & Cheese</a>
								</li>
								<li>
									<a href="###">百味俱乐部 Subway Club™</a>
								</li>
							</ul>
						</li>
						<li class="contenPart3Li">
							<a class="theGreen" href="###">低脂 Low Fat</a>
							<span>></span>
							<ul class="contenPart3UlUl">
								<li>
									<a href="###">火腿 Ham</a>
								</li>
								<li>
									<a href="###">火鸡胸 Turkey Breast</a>
								</li>
								<li>
									<a href="###">香烤鸡排 Roasted Chicken</a>
								</li>
								<li>
									<a href="###">香烤牛肉 Roast Beef</a>
								</li>
								<li>
									<a href="###">百味俱乐部 Subway Club™</a>
								</li>
							</ul>
						</li>
						<li class="theGra">
							<a class="theGreen" href="###">百味卷 Wrap</a>
						</li>
						<li class="theGra">
							<a class="theGreen" href="###">沙拉 Salad</a>
						</li>
						<li class="contenPart3Li">
							<a class="theGreen" href="###">聚餐服务 Catering</a>
							<span>></span>
							<ul class="contenPart3UlUl">
								<li>
									<a href="###">三明治拼盘 Sandwich Platter</a>
								</li>
								<li>
									<a href="###">甜饼拼盘 Cookie Platter</a>
								</li>
								<li>
									<a href="###">巨型三明治 Giant Sub</a>
								</li>
							</ul>
						</li>
						<li class="theGra">
							<a class="theGreen" href="###">饮料和小食 Drinks & Sides</a>
						</li>
						<li class="theGra">
							<a class="theGreen" href="###">早餐 BREAKFAST</a>
						</li>
						<li class="contenPart3Li">
							<a class="theGreen" href="###">营养 Nutrition</a>
							<span>></span>
							<ul class="contenPart3UlUl">
								<li>
									<a href="###">营养问与答 FAQ</a>
								</li>
							</ul>
						</li>
						<li class="theGra">
							<a class="theGreen" href="###">如何点餐 How To Order</a>
						</li>
					</ul>
				</div>
			</div>
			<div id="footOneTwo">
				<div id="footOne">
					<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/2.html"></a>
					<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/3.html"></a>
					<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/6.html"></a>
				</div>
				<div id="footTwo">
					<a href="###"></a>
					<a id="weixinHover" href="###"></a>
					<img id="weixinImg" src="../img/首页_files/code.png" />
				</div>

			</div>
			<div id="myFoot">
				<div id="foot">
					<div id="theLastFoot">
						<a href="###"> 主页</a>
						|
						<a href="###"> 菜单/营养</a>
						|
						<a href="###"> 如何加盟</a>
						|
						<a href="###"> 关于我们</a>
						|
						<a href="###"> 快餐店位置查询</a>
						<br />
						<a href="###"> 联系我们</a>
						|
						<a href="###"> 使用条款</a>
						|
						<a href="###"> 隐私权政策</a>
						|
						<a href="###"> SUBWAY Partners™</a>
					</div>
				</div>
				<div id="footLast">
					<p>SUBWAY® is a Registered Trademark of Subway IP Inc.
						<br /> ®2016 Subway IP Inc.
					</p>
				</div>
			</div>
		</div>

		<script>
			$(".contenPart3Li").each(function(ev) {
				$(".contenPart3Li").eq(ev).on("click", function() {
					$(".contenPart3UlUl").eq(ev).on("click", function(ev1) {
					ev1.stopPropagation();
					});
					var theNode = $(".contenPart3UlUl").eq(ev)
					if(theNode.is(':hidden')) {　　
						$(".contenPart3UlUl").each(function(ev) {
							$(".contenPart3UlUl").eq(ev).css("display", "none");
						})
						theNode.show();　
					} else {　　
						theNode.hide();
					}
				})
			})
		</script>
	</body>

</html>